<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="../dist/css/heard.css">  
     <script src="../static/libs/javascripts/jQuery.js"></script>  
    <title>Document</title>
    <style>
        ul{
            list-style-type: none;
        }
        .main{
            width: 100%;
            height: 900px;
            /* background-color: chartreuse; */
        }
        .big_box {
                width: 1200px;
                height: 100%;
                margin: 0 auto;
                overflow: hidden;
                /* background-color:red; */
        }
        .title{
            display: inline-block;
            height: 60px;
            line-height: 60px;
            font-size: 20px;
            font-weight: bold;
            padding-left: 20px;
            width: 100%;
             border-bottom: 2px solid #e6e6e6;
             background-color: rgba(243, 104, 104, 0.6);
           }
       .min_box{
             width: 100%;
             position: relative;
             margin-top: 82px;
       }
       .form-group{
            position:relative; 
           margin-left: 56px;
           margin-top: 26px;
           margin-bottom: 27px;
       }
       .form-group input{
        height: 36px;
          border: 1px solid #d5d5d5;
          margin-left: 30px;
          width: 328px;
          /* position: absolute; */
          margin-left: 175px;
       }
       .form-group .tit{
        position: absolute;
        font-size: 14px;
          font-weight: bold;
        text-align: right;
        width: 200px;
        margin-left: -40px;
        margin-top: 11px;
       }

       .big_box .box{
           margin-left: 175px;
           
       }
       .big_box .pox{
           margin-top: 20px;
       }
       .big_box>.pox>.register-submit{
        background: #dc2829;
        width: 110px;
         height: 36px;
        color: #fff;
        border-radius: 5px;
         margin-left: 230px;
         margin-right: 18px;
       }
        
    </style>
</head>
<body>
    <!-- <div class="heard">
        <div class="heard_1">
            <div class="heard_left">
                <ul>
                    <li class="one">你好，欢迎来到海澜之家！</li>
                    <li class="two" style="font-weight: bold;">请登录</li>
                    <li style="font-weight: bold;">合作账号登录</li>
                    <li>
                        <a href="https://api.weibo.com/oauth2/authorize?client_id=1488880671&amp;response_type=code&amp;redirect_uri=http%3A%2F%2Fwww.hlamall.cn%2Fweibo%2FoAuthCallback"
                            class="ml2">
                            <img src="http://www.hlamall.cn:80/img/pc-site/logo10.jpg" width="14px"
                                style="margin-top:4px;">
                        </a>
                        <a href="https://graph.qq.com/oauth2.0/authorize?client_id=101183819&amp;response_type=code&amp;scope=get_user_info&amp;redirect_uri=http%3A%2F%2Fwww.hlamall.cn%2Fqq%2FoAuthCallback"
                            class="ml2">
                            <img src="http://www.hlamall.cn:80/img/pc-site/qqimg.jpg" width="14px"
                                style="margin-top:4px;">
                        </a>
                        <a href="https://openauth.alipay.com/oauth2/publicAppAuthorize.htm?app_id=2016012301115319&amp;scope=auth_base&amp;redirect_uri=http%3A%2F%2Fwww.hlamall.cn%2Falilogin%2FoAuthCallback"
                            class="ml2">
                            <img src="http://www.hlamall.cn:80/img/pc-site/alipay.png" width="14px"
                                style="margin-top:4px;">
                        </a>
                        <span class=""></span>
                    </li>
                    <li style="font-weight: bold;">免费注册</li>
                </ul>
            </div>
            <div class="heard_right">
                <ul class="fr">
                    <li><a href="http://www.hlamall.cn:80/site/member/center">我的海澜之家</a><span class="span1"></span></li>
                    <li><a
                            href="javascript:hz6d_is_exist('setIsinvited()%3Bwindow.open(#liyc#https%3A%2F%2Fwww16.53kf.com%2FwebCompany.php%3Farg%3D9005297%26style%3D1%26language%3Dcn%26charset%3DGBK%26kflist%3Doff%26kf%3D%26zdkf_type%3D1%26lnk_overflow%3D0%26referer%3Dhttp%253A%252F%252Flocalhost%253A8080%252FROOT%252Ffavorite%252FwishList%26keyword%3D%26tfrom%3D1%26tpl%3Dcrystal_blue%26uid%3D275e9cf94fe944db92a4c56d378fcdaf%26is_group%3D%26is_group%3D#liyc#%2C%20#liyc#_blank#liyc#%2C%20#liyc#height%3D600%2Cwidth%3D800%2Ctop%3D50%2Cleft%3D200%2Cstatus%3Dyes%2Ctoolbar%3Dno%2Cmenubar%3Dno%2Cresizable%3Dyes%2Cscrollbars%3Dno%2Clocation%3Dno%2Ctitlebar%3Dno#liyc#)');">在线客服</a><span
                            class="span1"></span></li>
                    <li><a href="http://www.hlamall.cn:80/cart/view" id="cartCnt">我的购物袋有0件商品</a><span
                            class="span1"></span></li>
                    <li class="end"><a
                            href="/cms/getHeiLanCms/7c5df196-d25c-4e65-b90f-8568e69788a0?selected=%E6%9C%8D%E5%8A%A1%E6%9D%A1%E6%AC%BE">帮助</a>
                    </li>
                    <li>
                        <script src="//tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript"
                            charset="utf-8"></script>
                        <wb:follow-button uid="2367031834" type="gray_1" width="67" height="24"
                            style="float:right;margin:3px 0 0 5px"><iframe
                                src="http://widget.weibo.com/relationship/followbutton.php?btn=light&amp;style=1&amp;uid=2367031834&amp;width=67&amp;height=24&amp;language=zh_cn"
                                width="67" height="24" frameborder="0" scrolling="no" marginheight="0"></iframe>
                        </wb:follow-button>
                    </li>
                </ul>
            </div>
        </div>
    </div> -->
    <!-- //头部 -->
    <div class="logo">
        <div class="logo_left">附近门店</div>
        <div class="logo_cen"><img class="fl"
                src="https://gdp.alicdn.com/imgextra/i3/693060164/TB25ioRc9BjpuFjSsplXXa5MVXa_!!693060164.png"></div>
        <div class="logo_right"><input class="ipt" type="text" placeholder="大闹天宫"><span><img
                    src="../static/images/img_xiaotu/Y67VIK0)PQVBDR~2(E[@9XT.png" alt=""></span></div>
    </div>
    <!-- //导航条 -->
    <div class="nav">
        <div class="nav_1">
            <ul class="navs">
                <li>首页</li>
                <li>2021夏季热卖</li>
                <li>明星同款</li>
                <li>IP联名</li>
                <li>国民珍品</li>
                <li>2021秋季新品</li>
            </ul>
        </div>
    </div>

    <!-- //注册 -->
     <div class="main"> 
     <div class="big_box">
             <span class="title">注册新账号</span>
     <div class="min_box">
             <div class="form-group">
                <label for="username" class="tit">用户名:</label>
                <input type="text" class="form-control" id="username" value="">
             </div>
          <div class="form-group">

                <label for="password" class="tit">密码:</label>
                <input type="text" class="form-control" id="password" value="">
          </div>
          <div class="form-group">

                <label for="rpassword" class="tit">请重新输入密码:</label>
                <input type="text" class="form-control" id="rpassword" value="">
          </div>
          <div class="form-group">

                <label for="nickname" class="tit">用户昵称:</label>
                <input type="text" class="form-control" id="nickname" value="">
          </div>
    </div>

        <label class=" box"><input type="checkbox" id="read" name="read" class="read">
            <span>我已经阅读并接受
                《海澜之家服务条款》
                《隐私条款》
            </span>
        </label>
        <div class="pox"><input type="submit" value="确认注册" id="subReg" class="register-submit">
            <span class="backToLogin"><a href="">返回登录</a></span>
        </div>
        
    </div> 
    </div> 
    
     <!-- 注册js代码 -->
<script src="./javascripts/zhuce.js"></script>

    
</body>
</html>